<template>
  <div id="background_box" :style="{ minHeight: minHeight }"></div>
</template>
<script>
export default {
  props: {
    minHeight: {
      type: String,
      default: "10.875rem"
    }
  },
  data() {
    return {};
  }
};
</script>
<style lang="scss" scoped>
#background_box {
  color: #382c0a;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--themeBaseColor)), to(#f5f5f5));
  background-image: -webkit-linear-gradient(var(--themeBaseColor), #f5f5f5);
  background-image: linear-gradient(var(--themeBaseColor), #f5f5f5);
}
</style>